    <link rel="stylesheet" href="<?= $this->config->item('webroot') ?>styles/requisitions.css" type="text/css" />

	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Requisitions</h1>
			<form action="" method="get"><input class="" type="text" id="q" name="q" /></form>
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
    	
		<!-- Wrapper -->
		<div class="wrapper">

			<div class="column width2 first">

			    <!-- links box -->
			    <div class="overview content-box corners">
				<header>
				    <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Dashboard</h3>
				</header>
				<section>

					<ul>
						<li><a href="#" id="my-requisitions">My Requisitions</a></li>
						<li><a href="#" id="my-pending-materials">My Pending Materials</a></li>
					</ul>
					
				</section>
			    </div>

			</div>

			<div class="jobs column width6">

			<!-- main content box -->
			    <div id="main-content-box" class="job content-box corners">
				<header>
				    <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" /><span id="main-content-box-title">My Requisitions</h3>
				</header>
				<section>
					<div id="main-content1">
						

						Filter:
						<select>
							<option>May</option>
						</select>
						<select>
							<option>2011</option>
						</select>
						<select>
							<option></option>
							<optgroup label="Status">
								<option>Department Manager</option>
								<option>Canvasser</option>
								<option>Purchasing Manager</option>
								<option>Received</option>
							</optgroup>
						</select>
						<input type="text" value="Search..." onclick="this.value=''">

						<table id="report" class="stylized full" style="">
							<thead>
								<tr>

									<th>Requisition #</th>
									<th>Date</th>
									<th>Materials</th>
									<th>Encoder</th>
									<th>Department<br />Manager</th>
									<th>Canvasser</th>
									<th>Purchasing<br />Manager</th>
									<th>Received</th>
								</tr>
							</thead>
							<tbody>
								<tr>

									<td>89273</td>
									<td>2 days ago (May 3)</td>
									<td><a href="<?= base_url() ?>requisitions/new_requisition">1 bottle Chlorine, 5 reams bondpaper (A4), 2 boxes Paper Clips</a></td>
									<td class="ta-center"></td>
									<td class="ta-center"></td>
									<td class="ta-center"></td>
									<td class="ta-center"></td>
									<td class="ta-center"></td>
								</tr>
								<tr>

									<td class="title">
										<div>
											<a href="re"><b>12335</b></a>
											<div class="listingDetails">
												<div class="pad">
													<b>Date Requested:</b> April 30, 2011<br />
													<b>Status:</b> Approved by Juan Dela Cruz (Department Manager)
													<ul>
														<li>1 pc T-shirt (green)</li>
														<li>1 pc Clear Folder (short)</li>
													</ul>
												</div>
											</div>
										</div>
									</td>
									<td>5 days ago (April 30)</td>
									<td>1 pc T-shirt (green), 1 pc Clear Folder (short)</td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"></td>
									<td class="ta-center"></td>
								</tr>
								<tr>

									<td class="title">
										<div>
											<a href="re"><b>64563</b></a>
											<div class="listingDetails">
												<div class="pad">
													<b>Date Requested:</b> April 27, 2011<br />
													<b>Status:</b>
													<ul>
														<li>Approved by Juan Dela Cruz (Department Manager)</a></li>
														<li>Purchased by Jane Santos (Purchasing Manager)</li>
													</ul>
													<b>Materials:</b>
													<ul>
														<li>100 pairs Sandals: <a href="#">PO# 123</a></li>
														<li>1pc Extension wire: <a href="#">PO# 456</a></li>
													</ul>
												</div>
											</div>
										</div>
									</td>
									<td>8 days ago (April 27)</td>
									<td>100 pairs Sandals, 1 pc Extension wire</td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"></td>
									<td class="ta-center"></td>
								</tr>
								<tr>

									<td class="title">
										<div>
											<a href="re"><b>97432</b></a>
											<div class="listingDetails">
												<div class="pad">
													<b>Date Requested:</b> April 27, 2011<br />
													<b>Status:</b>
													<ul>
														<li>Approved by Juan Dela Cruz (Department Manager)</a></li>
														<li>Purchased by Jane Santos (Purchasing Manager)</li>
														<li>Received by Jane Santos (Purchasing Manager)</li>
													</ul>
													<b>Materials:</b>
													<ul>
														<li>100 pairs Sandals: <a href="#">PO# 123</a></li>
														<li>1pc Extension wire: <a href="#">PO# 456</a></li>
													</ul>
												</div>
											</div>
										</div>
									</td>
									<td>9 months ago (July 2010)</td>
									<td>Caustic Soda</td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
									<td class="ta-center"><img src="<?= $this->config->item('webroot') ?>images/icons/valid.gif" /></td>
								</tr>
								<tr>
									<td colspan=8"><a href="#">+ More</a></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div id="main-content2" class="hidden">
						
						<div><a href="javascript:alert('Are you sure you want to delete the checked materials?');" class="btn"><span class="icon icon-delete">&nbsp;</span>Delete Checked</a> <a href="<?= base_url() ?>requisitions/new_requisition" class="btn"><span class="icon icon-add">&nbsp;</span> Add checked to New Requisition</a></div>
						<table id="report" class="stylized full" style="">
							<thead>
								<tr>
									<th></th>
									<th>Material</th>
									<th>Original<br />Requisition #</th>
									<th>Reject Date</th>
									<th>Rejected by</th>
									<th>Remarks</th>

								</tr>
							</thead>
							<tbody>
								<tr>
									<td><input type="checkbox" /></td>
									<td>1 bottle Chlorine</td>
									<td>89273</td>
									<td>Yesterday</td>
									<td>Juan dela Cruz</td>
									<td>Please change to 2 bottles</td>

								</tr>
								<tr>
									<td><input type="checkbox" /></td>
									<td>1 pc T-shirt (green)</td>
									<td>12335</td>
									<td>2 days ago</td>
									<td>Juan dela Cruz</td>
									<td>Please change to green and add one orange</td>
								</tr>
								<tr>
									<td><input type="checkbox" /></td>
									<td>100 pairs Sandals</td>
									<td>64563</td>
									<td>3 days ago</td>
									<td>Jane Santos</td>
									<td>What do you need 100 pairs for?</td>
								</tr>
								<tr>
									<td><input type="checkbox" /></td>
									<td>Caustic Soda</td>
									<td>97432</td>
									<td>1 week ago</td>
									<td>Theresa Gonzales</td>
									<td>Not needed</td>
								</tr>
							</tbody>
						</table>
					</div>
				</section>
			    </div>

			</div>
			<br /><br /><br />&nbsp;
		</div>
		
		</div>
		<!-- End of Wrapper -->
        
	</div>
	<!-- End of Page content -->

	

    <script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/requisitions.js"></script>
    <script>

	    $('a#my-requisitions').click(function(){
		$('div#main-content2').hide();
		$('div#main-content1').fadeIn('fast');
		$('span#main-content-box-title').html('My Requisitions');
		return false;
	    });

	    $('a#my-pending-materials').click(function(){
		$('div#main-content1').hide();
		$('div#main-content2').fadeIn('fast');
		$('span#main-content-box-title').html('My Pending Materials');
		return false;
	    });

    </script>
